<script>
import Clipboard from 'clipboard'
import CopyLogo from './assets/copy@2x.png'
export default {
  data () {
    return {
      open: true,
      text: '6225 7819 0992 6542'
    }
  },
  methods: {
    close () {
      this.open = false
    },
    copyFun () { // 点击复制的方法
      var clipboard = new Clipboard('.btn_box_copy') // 这里的dom要对应上标签里点击的按钮的dom
      clipboard.on('success', e => {
        this.$antdMessage.success('复制成功')
        // 释放内存
        clipboard.destroy()
      })
      clipboard.on('error', e => {
        // 不支持复制
        console.log('该浏览器不支持自动复制')
        // 释放内存
        clipboard.destroy()
      })
    }
  },
  render () {
    return <div>
      <div>
    需要复制的内容：<span>{this.text}</span>
      </div>
      <div>
        <img src={CopyLogo}
          style='width:20px;height:20px;color:blue;cursor:pointer;'
          data-clipboard-text={this.text}
          class="btn_box_copy"
          onClick={this.copyFun}
        />
      </div>
    </div>
  }
}
</script>
